<template>
  <el-card :body-style="{'padding':'0'}">
    <div v-for="item in data" :key="item.id" style="margin-left:5px;">
      <p style="text-align:left;"><a :href="item.href">{{item.id}}.{{item.name}}</a>
      &nbsp;&nbsp;<i style="font:13px Small">{{item.score}}</i>
      <i class="el-icon-lollipop"></i>
      </p>
      <el-divider></el-divider>
    </div>
  </el-card>
</template>

<script>
export default {
  name: "divider-line",
  props: ["data"]
};
</script>

<style scoped>
.el-divider--horizontal {
  margin: 5px 0 !important;
}
</style>